<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div.container {
            margin: 10px 10px 10px 10px;
        }

        div.head {
            height: 100px;
            border: 1px solid #ccc;
            margin-bottom: 5px;
        }

        div.content {
            height: 100px;
            border: 1px solid #ccc;
            margin-bottom: 5px;
            background: #f8f8f8;
            width: 65%;
            float: left;
        }

        div.sidebar {
            height: 100px;
            border: 1px solid #ccc;
            margin-bottom: 5px;
            background: #f0f0f0;
            width: 34%;
            float: right;
        }

        div.footer {
            height: 100px;
            border: 1px solid #ccc;
            clear: both;
        }
    </style>
</head>
<body>
<div id="container" class="container">
    <div id="head" class="head">
        <h1>header</h1>
    </div>
    <div id="content" class="content">
        <h1>content</h1>
    </div>
    <div id="sidebar" class="sidebar">
        <h1>sidebar</h1>
    </div>
    <div id="footer" class="footer">
        <h1>footer</h1>
    </div>
</div>
</body>
</html>